<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link href="./css/index.css" rel="stylesheet">
  <style>
    h1 {
      color: #000;
    }
    svg {
      height: 200px;
      overflow: auto;
    }
  </style>
</head>
<body>
<h1>SVG</h1>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <rect width="300" height="100"
        style="fill:rgb(0,0,255);stroke-width:2;stroke:rgb(255,0,0)"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <rect x="50" y="20" width="150" height="150"
        style="fill:blue;stroke:pink;stroke-width:5;fill-opacity:0.1;
  stroke-opacity:0.9"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <rect x="50" y="20" width="150" height="150"
        style="fill:blue;stroke:pink;stroke-width:5;opacity:0.5"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <rect x="50" y="20" rx="40" ry="40" width="150" height="150"
        style="fill:red;stroke:black;stroke-width:5;opacity:0.5"/>
</svg>
<!--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>-->
<script src="./js/d3.v4.min.js"></script>
<script src="./js/svg.js"></script>
</body>
</html>